@-webkit-keyframes rotateY{
	0%{
		-webkit-transform: rotateY(0);
	}
	100%{
		-webkit-transform: rotateY(360deg);
	}
}
@keyframes rotateY{
	0%{
		transform: rotateY(0);
	}
	100%{
		transform: rotateY(360deg);
	}
}

@-webkit-keyframes exp-rotateY{
	0%{
		-webkit-transform: rotateY(0);
	}
	100%{
		-webkit-transform: rotateY(360deg);
	}
}
@keyframes exp-rotateY{
	0%{
		transform: rotateY(0);
	}
	100%{
		transform: rotateY(360deg);
	}
}

@-webkit-keyframes scale{
	0%{
		-webkit-transform: scale(1);
	}
	50%{
		-webkit-transform: scale(1.1);
	}
	100%{
		-webkit-transform: scale(1);
	}
}
@keyframes scale{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.1);
	}
	100%{
		transform: scale(1);
	}
}
@-webkit-keyframes rec{
	0%{
		-webkit-transform: translateY(0);
	}
	25%{
		-webkit-transform: translateY(1px);
	}
	50%{
		-webkit-transform: translateY(0px);
	}
	75%{
		-webkit-transform: translateY(-1px);
	}
	100%{
		-webkit-transform: translateY(0px);
	}
}
@keyframes rec{
	0%{
		transform: translateY(0);
	}
	25%{
		transform: translateY(1px);
	}
	50%{
		transform: translateY(0px);
	}
	75%{
		transform: translateY(-1px);
	}
	100%{
		transform: translateY(0px);
	}
}

@-webkit-keyframes show1{
	0%{
		-webkit-transform: scale(0.8) translateY(10px);
	}
	100%{
		-webkit-transform: scale(1) translateY(0);
	}
}
@keyframes show1{
	0%{
		transform: scale(0.8) translateY(10px);
	}
	100%{
		transform: scale(1) translateY(0);
	}
}

@-webkit-keyframes show1-btm{
	0%{
		-webkit-transform: translateY(-16.1rem);
	}
	30%{
		-webkit-transform: translateY(-16.1rem);
	}
	100%{
		transform: translateY(0);
	}
}
@keyframes show1-btm{
	0%{
		transform: translateY(-16.1rem);
	}
	30%{
		transform: translateY(-16.1rem);
	}
	100%{
		transform: translateY(0);
	}
}

@keyframes show1-height{
	0%{
		height: 0;
	}
	25%{
		height: 0;
	}
	100%{
		height: 16rem;
	}
}

@-webkit-keyframes show2-btm{
	0%{
		-webkit-transform: translateY(-11.1rem);
	}
	30%{
		-webkit-transform: translateY(-11.1rem);
	}
	100%{
		-webkit-transform: translateY(0);
	}
}
@keyframes show2-btm{
	0%{
		transform: translateY(-11.1rem);
	}
	30%{
		transform: translateY(-11.1rem);
	}
	100%{
		transform: translateY(0);
	}
}

@keyframes show2-height{
	0%{
		height: 0;
	}
	23%{
		height: 0;
	}
	100%{
		height: 14rem;
	}
}

@-webkit-keyframes show3{
	0%{
		transform: scale(0.8);
	}
	100%{
		transform: scale(1);
	}
}
@-webkit-keyframes show3{
	0%{
		transform: scale(0.8);
	}
	100%{
		transform: scale(1);
	}
}

@-webkit-keyframes show3-left{
	0%{
		transform: translateX(6.3rem);
	}
	30%{
		transform: translateX(6.3rem);
	}
	100%{
		transform: translateX(0);
	}
}
@-webkit-keyframes show3-left{
	0%{
		transform: translateX(6.3rem);
	}
	30%{
		transform: translateX(6.3rem);
	}
	100%{
		transform: translateX(0);
	}
}

@-webkit-keyframes show3-right{
	0%{
		-webkit-transform: translateX(-6.3rem);
	}
	30%{
		-webkit-transform: translateX(-6.3rem);
	}
	100%{
		-webkit-transform: translateX(0);
	}
}
@keyframes show3-right{
	0%{
		transform: translateX(-6.3rem);
	}
	30%{
		transform: translateX(-6.3rem);
	}
	100%{
		transform: translateX(0);
	}
}

@-webkit-keyframes show3-width{
	0%{
		width: 0;
		-webkit-transform: translateX(7rem);
	}
	20%{
		width: 0;
		-webkit-transform: translateX(7rem);
	}
	100%{
		width: 12.6rem;
		-webkit-transform: translateX(0);
	}
}
@keyframes show3-width{
	0%{
		width: 0;
		transform: translateX(7rem);
	}
	20%{
		width: 0;
		transform: translateX(7rem);
	}
	100%{
		width: 12.6rem;
		transform: translateX(0);
	}
}

@keyframes bg-opacity{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

.rotateY{
	-webkit-animation: 1.6s rotateY linear infinite;
	animation: 1.6s rotateY linear infinite;
}

.exp-rotateY{
	-webkit-animation: 2.8s exp-rotateY linear infinite;
	animation: 2.8s exp-rotateY linear infinite;
}

.scale{
	-webkit-animation: 1s scale linear infinite;
	animation: 1s scale linear infinite;
}

.rec{
	-webkit-animation: 1s rec linear infinite;
	animation: 1s rec linear infinite;
}

.show1{
	-webkit-animation: 300ms show1 ease-out;
	animation: 300ms show1 ease-out;
}
.show1-btm{
	-webkit-animation: 1300ms show1-btm ease-out;
	animation: 1300ms show1-btm ease-out;
}
.show1-height{
	-webkit-animation: 1200ms show1-height ease-out;
	animation: 1200ms show1-height ease-out;
}

.show2-btm{
	-webkit-animation: 1300ms show2-btm ease-out;
	animation: 1300ms show2-btm ease-out;
}
.show2-height{
	-webkit-animation: 1400ms show2-height ease-out;
	animation: 1400ms show2-height ease-out;
}

.show3{
	-webkit-animation: 300ms show3 ease-out;
	animation: 300ms show3 ease-out;
}
.show3-left{
	-webkit-animation: 1300ms show3-left ease-out;
	animation: 1300ms show3-left ease-out;
}
.show3-right{
	-webkit-animation: 1300ms show3-right ease-out;
	animation: 1300ms show3-right ease-out;
}
.show3-width{
	-webkit-animation: 1150ms show3-width ease-out;
	animation: 1150ms show3-width ease-out;
}

.bg-opacity{
	-webkit-animation: 2000ms bg-opacity ease-out;
	animation: 2000ms bg-opacity ease-out;
	opacity: 1;
}
